@import "./common";
.main{
    h1{
        font-size :30px;
        color: #ff6b08;
        margin-top: 40px;
        margin-bottom: 40px;
        @include center;
    }
    .news_top{
        .col-md-4{
            margin-bottom: 92px;
            .leader{
                position: relative;
                width: 302px;
                height: 180px;
                
                img{
                    width: 302px;
                    height: 180px;  
                }
                a{
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    display: block;
                    width: 302px;
                    height: 42px;
                    text-decoration: none;
                    text-align: center;
                    line-height: 42px;
                    color: #ffffff;
                    background-color: #000000;
                    opacity: 0.7;
                }
            }
            
        }
    }
    .content{
        position: relative;
        // margin-top: 92px;
        margin-left: 0;
        padding-bottom: 137px;
        .left{
            padding-bottom: 27px;
        }
        .right{
            position: relative;
            padding-left: 35px;
            padding-bottom: 48px;
            @include center;
            h2{
                margin: 0;
                a{
                    font-size: 18px;
                    color:#666666;
                    text-decoration: none;
                    &:hover{
                        color:#ff6900;
                    }
                }
            }
            span{
                display: inline-block;
                padding-top: 17px;
                color: #2a2a2a;
            }
            p{
                padding-top: 20px;
                color: #2a2a2a;
            }
            input{
                position: absolute;
                right: 0;
                bottom: 0;
                width: 98px;
                height: 32px;
                border: 1px solid #ff6900;
                border-radius: 15px;
                color: #ff6900;
                background-color: #ffffff;
                &:hover{
                    background-color: #ff6900;
                    color: #ffffff;
                }
            }
        }
        .page{
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translateX(-50%);
            @include flex_b;
            a{
                display: block;
                font-size: 12px;
                text-decoration: none;
                height: 31px;
                margin: 0 -1px;
                line-height: 31px;
                color: #2a2a2a;
                padding: 0 12px;
                border: 1px solid #dddddd;
                &:hover{
                    background-color: #e34637;
                    color: #ffffff;
                }
            }
        }
    }
}